<!--<template>
    <div id="douPubCom">
        <div id="payWindow">  
        </div>
        <div id="payLayer" style="color:#8a8a8a;font-size:14px;">  
           <p style="width:80%;height:45px;margin:auto;line-height:70px;font-size:20px;text-align:center;font-weight:bold;">
                请输入四位交易密码
                <img @click="closePay()" style="width:20px;height:10x;float:right;margin-top:25px;" src="../../assets/task/chanelB.png" alt="">
            </p> 
            <section style="width:80%;margin:50px auto;font-size:20px;display:flex;justify-content: space-around;">
                <input style="height:60px;width:60px;text-align:center;height:60px;border:1px solid #8a8a8a;" type="text">
                <input style="height:60px;width:60px;text-align:center;height:60px;border:1px solid #8a8a8a;" type="text">
                <input style="height:60px;width:60px;text-align:center;height:60px;border:1px solid #8a8a8a;" type="text">
                <input style="height:60px;width:60px;text-align:center;height:60px;border:1px solid #8a8a8a;" type="text">
            </section> 
            <router-link to="/cueMsg" style="text-decoration:none;"><p style="width:50%;background:#29a193;margin:auto;text-align:center;height:50px;line-height:50px;color:#fff;font-size:14px;display:flex;
            justify-content: space-around;border-radius:13px;" @click="comfirmAdd">确定</p></router-link>
        </div> 
    </div>
</template>
<script>
export default {
  data () {
    return {
        showData:{
            amount:undefined,
            taskName:undefined,
            taskLocation:undefined,
            taskExplain:undefined,
        },
        alterSch:false,
        radio: '1',
        count:0,
    }
  },
  mounted(){
      
      this.getParams()
  },
  methods:{
        //   通过验证并添加
        comfirmAdd(){
            this.$api.addSingTask(this.showData).then((res)=>{
                if(res.code=="000000"){}
            })
        },
        alterAddress(){  
            document.getElementById('alterWindow').style.display = 'block';  
            document.getElementById('showLayer').style.display = 'block';        
        },
        payOff(){
            document.getElementById('payWindow').style.display = 'block';  
            document.getElementById('payLayer').style.display = 'block';
        },
        closeDiv() {  
            document.getElementById('alterWindow').style.display = 'none';  
            document.getElementById('showLayer').style.display = 'none';  
        },
        closePay() {  
            document.getElementById('payWindow').style.display = 'none';  
            document.getElementById('payLayer').style.display = 'none';  
        },
        dropMenu(){
            this.alterSch=!this.alterSch;
        },
         getParams () {
             this.showData = this.$route.query.data;
             console.log('YYTTTTTTTTTTTTT')
             console.log(this.$route.query)
             this.count = this.showData.amount
        },
  }
}
</script>
<style>


#douPubCom #payWindow{  
    background-color:#4c4c4c;  
    width: 100%;  
    height: 100%;  
    left: 0;  
    top: 0;  
    filter: alpha(opacity=50);  
    opacity: 0.5;  
    z-index: 1;  
    position: absolute;       
}  

#douPubCom  #payLayer {   
    width: 84%;
    height: 40%;
    background:#ffffff;  
    left: 8%;  
    top: 30%;
    color:#000;  
    z-index: 2;  
    border-radius:13px;
    position: absolute;  
}
</style>-->